<template>
  <div class="leftone1">
    <div class="fccc" style="height: 100%;width: 100%;">
      <div class="fb" style="padding: 30px;height: 100%;width: 100%;">
        <div style="color: white;">
          <span style="font-size: 20px;line-height: 40px;">机柜数量</span>
          <span style="font-size: 40px;padding: 0px 20px;">{{total}}</span>
          <span>个</span>
        </div>
        <div style="color: white;">
          <span style="font-size: 20px;line-height: 40px;">正常机柜</span>
          <span style="font-size: 40px;padding: 0px 20px;">{{normal}}</span>
          <span>个</span>
        </div>
      </div>
      <div class="fb" style="padding: 30px;height: 100%;width: 100%;">
        <div style="color: #fd770c;">
          <span style="font-size: 20px;line-height: 40px;">高危数量</span>
          <span style="font-size: 40px;padding: 0px 20px;">{{warn}}</span>
          <span>个</span>
        </div>
        <div style="color: #fc2d2c;">
          <span style="font-size: 20px;line-height: 40px;">故障机柜</span>
          <span style="font-size: 40px;padding: 0px 20px;">{{error}}</span>
          <span>个</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>

import doorService from '@/api/doorService'


  export default {
    components: {},
    data() {
      return {
        total: 38,
        normal: 20,
        warn: 10,
        error: '08'
      };
    },
    computed: {},
    watch: {},
    mounted() {
      doorService.gantrySelectAlarmList().then(res => {
        console.log(res)
      })
    },
    methods: {}
  };
</script>
<style lang='scss' scoped>
  .leftone1 {
    width: 100%;
    height: 100%;
    // width: 95% !important;
    // box-sizing: border-box;
    // margin-left: 20px;
    // height: 95%;
    // overflow: hidden;
  }
</style>






